<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>操作历史</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index3.css"><link rel="stylesheet" href="css/dcalendar.picker.css"/>
</head>
<body>
<!--操作历史-->
<div class="operation_history">
    <div class="operation_history_top clearfix">
        <div class="operation_history_seek">
            <span class="f_left">搜索描述：</span>
            <div class="f_left">
                <input type="text"><a href="javascript:;">搜索</a>
            </div>
        </div>
        <div class="operation_history_select">
            <span>操作类型：</span>
            <div class="operation_selectAge">
                <a href="javascript:;" class="operation_span01">请选择</a><span class="operation_span02 f_right"></span>
                <div class="operation_select">
                    <ul class="operation_ul">
                        <li>
                            <a href="javascript:;">全部</a>
                        </li>
                        <li>
                            <a href="javascript:;">下载</a>
                        </li>
                        <li>
                            <a href="javascript:;">查看</a>
                        </li>
                        <li>
                            <a href="javascript:;">上传</a>
                        </li>
                        <li>
                            <a href="javascript:;">删除</a>
                        </li>
                        <li>
                            <a href="javascript:;">移动</a>
                        </li>
                        </li>
                        <li>
                            <a href="javascript:;">上传</a>
                        </li>
                        <li>
                            <a href="javascript:;">删除</a>
                        </li>
                        <li>
                            <a href="javascript:;">移动</a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
        <div class="operation_history_time">
            <span>时间：</span>
            <input type="text" id='mydatepicker' class="time_a" placeholder="选择日期">
            <div class="operation_history_selectAge">
                <a href="javascript:;" class="operation_history_span01">00:00~01:00</a><span class="operation_history_span02 f_right"></span>
                <div class="operation_history_time_select">
                    <ul class="operation_history_ul">
                        <li>
                            <a href="javascript:;">00:00~01:00</a>
                        </li>
                        <li>
                            <a href="javascript:;">01:00~02:00</a>
                        </li>
                        <li>
                            <a href="javascript:;">02:00~03:00</a>
                        </li>
                        <li>
                            <a href="javascript:;">03:00~04:00</a>
                        </li>
                        <li>
                            <a href="javascript:;">04:00~05:00</a>
                        </li>
                        <li>
                            <a href="javascript:;">05:00~06:00</a>
                        </li>
                        <li>
                            <a href="javascript:;">03:00~04:00</a>
                        </li>
                        <li>
                            <a href="javascript:;">04:00~05:00</a>
                        </li>
                        <li>
                            <a href="javascript:;">05:00~06:00</a>
                        </li>
                        <li>
                            <a href="javascript:;">03:00~04:00</a>
                        </li>
                        <li>
                            <a href="javascript:;">04:00~05:00</a>
                        </li>
                        <li>
                            <a href="javascript:;">05:00~06:00</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="preview">
                <a href="javascript:;" class="preview_a">预览</a>
            </div>
        </div>
    </div>
    <div class="operation_bottom">
        <div class="operation_bottom_top">
            <ul class="clearfix">
                <li>时间</li>
                <li>操作类型</li>
                <li>操作描述</li>
                <li>IP地址</li>
            </ul>
        </div>
        <div class="operation_bottom_center">
            <ul class="clearfix">
                <li>2017-03-01   10:24:35</li>
                <li><a href="javascript:;">下载</a></li>
                <li>移动文件“立白知识圈”至路径“文件库”>立白移动文件“立白知识圈”至路径“文件库”>立白</li>
                <li>192.168.1.92</li>
            </ul>
            <ul class="clearfix">
                <li>2017-03-01   10:24:35</li>
                <li><a href="javascript:;">下载</a></li>
                <li>移动文件“立白知识圈”至路径“文件库”>立白</li>
                <li>192.168.1.92</li>
            </ul>
            <ul class="clearfix">
                <li>2017-03-01   10:24:35</li>
                <li><a href="javascript:;">下载</a></li>
                <li>移动文件“立白知识圈”至路径“文件库”>立白</li>
                <li>192.168.1.92</li>
            </ul>
            <ul class="clearfix">
                <li>2017-03-01   10:24:35</li>
                <li><a href="javascript:;">下载</a></li>
                <li>移动文件“立白知识圈”至路径“文件库”>立白</li>
                <li>192.168.1.92</li>
            </ul>
            <ul class="clearfix">
                <li>2017-03-01   10:24:35</li>
                <li><a href="javascript:;">下载</a></li>
                <li>移动文件“立白知识圈”至路径“文件库”>立白</li>
                <li>192.168.1.92</li>
            </ul>
            <ul class="clearfix">
                <li>2017-03-01   10:24:35</li>
                <li><a href="javascript:;">下载</a></li>
                <li>移动文件“立白知识圈”至路径“文件库”>立白</li>
                <li>192.168.1.92</li>
            </ul>
            <ul class="clearfix">
                <li>2017-03-01   10:24:35</li>
                <li><a href="javascript:;">下载</a></li>
                <li>移动文件“立白知识圈”至路径“文件库”>立白</li>
                <li>192.168.1.92</li>
            </ul>
            <ul class="clearfix">
                <li>2017-03-01   10:24:35</li>
                <li><a href="javascript:;">下载</a></li>
                <li>移动文件“立白知识圈”至路径“文件库”>立白</li>
                <li>192.168.1.92</li>
            </ul>
        </div>
    </div>
</div>

<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/dcalendar.picker.js"></script>
<script src="js/jquery.placeholder.js"></script>
<script src="js/index3.js"></script>
</body>
</html>